<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主界面</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <script src="./layui/layui.js"></script>
</head>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header layui-bg-green">
        <div class="layui-logo layui-hide-xs " style="color: #FFFFFF ;font-size: 18px">五邑大学人事管理系统</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>

        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide-xs"><a href="">退出登录</a></li>

            <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                <a href="javascript:;">
                    <i class="layui-icon layui-icon-more-vertical"></i>
                </a>
            </li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div style="text-align: center; margin-top: 15px">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a href="javascript:;">
                    <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg"
                         class="layui-nav-img" style="width: 130px;height: 130px">
                </a>
                <p>欢迎，登录人事管理系统</p>
            </li>
        </div>
        <div>
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-bg-green" style="margin-top: 10px"><a href="javascript:; "
                                                                                      style="font-size: 16px; color: #FFFFFF">人事管理系统</a>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-username"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;用户管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-addition"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加用户</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询用户</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-home"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;部门管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-addition"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加部门</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询部门</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-snowflake"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;职位管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-addition"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加职位</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询职位</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-notice"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;员工管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-auz"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加员工</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询员工</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-friends"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;角色管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-addition"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加角色</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询角色</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-tabs"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;公告管理</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-addition"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;添加公告</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-search"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;查询公告</a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item ">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-file-b"
                                                       style="font-size: 20px; color: #1E9FFF;"></i>
                        &nbsp;&nbsp;下载中心</a>
                    <dl class="layui-nav-child" style="padding-left: 20px">
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-upload-drag"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;上传文件</a>
                        </dd>
                        <dd><a href="javascript:;"><i class="layui-icon layui-icon-download-circle"
                                                      style="font-size: 20px; color: #1E9FFF;"></i> &nbsp;&nbsp;下载文件</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px; text-align: center; ">
            <iframe src="lunbo.html" width="958px" height="196px"></iframe>
        </div>
    </div>

    <div class="layui-footer" style="text-align: center">
        <!-- 底部固定区域 -->
        五邑大学智能制造学部 通信工程
    </div>
</div>

</body>
<script>
    //JS
    layui.use(['element', 'layer', 'util'], function () {
        var element = layui.element
            , layer = layui.layer
            , util = layui.util
            , $ = layui.$;

        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function (othis) {
                layer.msg('展开左侧菜单的操作', {icon: 0});
            }
            , menuRight: function () {
                layer.open({
                    title: "五邑大学简介",
                    type: 1,
                    content: '<div style="padding: 15px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;五邑大学是由广东省人民政府于1985年设立的以工科为主的多科性大学，是广东省较早获得硕士、学士学位授予权的地方高校，具有接收港澳台侨学生、国际学生资格和推荐优秀应届本科毕业生免试攻读研究生资格，现为广东省高水平理工科大学建设高校、博士学位授予立项建设单位。\n' +
                        '\n' +
                        '学校坚持践行“好学、多思、求实、创新”的校训，秉承“根植侨乡，服务社会，内外合力，特色发展”的办学理念，积极培养思想品德高尚、基础知识扎实，具有国际化视野、较强实践能力和创新创业能力，适应地方经济社会发展需求的高素质应用型人才。\n' +
                        '\n' +
                        '学校位于粤港澳大湾区重要节点城市、“中国第一侨乡”——广东省江门市，校园占地面积1000余亩，总建筑面积近70万平方米。环境优美，基础设施齐全，办学条件良好。学校面向全国24个省区市及港澳台地区招收本科学生，面向国内外招收研究生。现有各类在籍学生近2.4万人，其中全日制本科生近2万人，研究生800余人。\n' +
                        '\n' +
                        '学校设有19个教学机构，87个本科专业（方向），涉及工、理、经、管、文、法、艺术等7个学科门类，理工类专业（方向）占比67%。现有国家级一流本科专业建设点6个，国家级特色专业、国家级专业综合改革试点共5个；省级一流本科专业建设点9个，省级重点（名牌）专业、省级应用型人才培养示范专业等共39个。国家级大学生校外实践教育基地1个，省级大学生实践教学基地24个，省级示范性教师教育实践基地5个，省级实验教学示范中心14个。建有现代工业生产技术综合训练中心、生物科技与大健康学院实验中心、人工智能学习馆等一批实验实训基地。其中，“现代工业生产技术综合训练中心”是学校培养适应产业需求的现代技术创新型人才的重要基地，是融人才培养、科学研究、技术创新、企业服务、学生创新创业等功能于一体的示范性实训中心。学校人才培养质量得到社会广泛认可，本科生初次就业率多年位居全省公办本科高校前列。</div>'
                    ,
                    area: ['260px', '100%']
                    ,
                    offset: 'rt' //右上角
                    ,
                    anim: 5
                    ,
                    shadeClose: true
                });
            }
        });

    });
</script>
</html>